<!DOCTYPE html>
<!--
这里是注释
-->
<!--这里是注释-->
<!--html文件需要分成2部分,head和body-->
<!--语法1:所有的东西都是标签
标签:1.<标签名 属性1="属性值" 属性2="属性值".../>
    2.<标签名 属性1="属性值" 属性2="属性值">
               这里可以放其他内容
      </标签名>
-->

<html lang="en">
<head>
    <!--head里的内容都不会显示在浏览器中
    是设置这个页面的一些基本属性用的-->
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<hr>
<!--这里的内容全部都会显示在浏览器当中
所有在body写的内容都会按顺序写在页面中,并不会换行
因为我们没有告诉浏览器要换行
所有的空格,换行,都会被浏览器渲染成一个空格-->
HelloHTML
<!--br 换行标签,单标签,可以省略/-->
<br/>
这是第二行<br>这是第三行

<!--hr 分割线 也是单标签,可以不写-->
<hr>

<!--双标签 文本相关-->
<!--h标签用来表示标题,他会被浏览器渲染成指定的格式
html规定,标题最多到6级,再往后就没有了,也就没有格式了
标题标签需要在标签体中,包裹文本内容,使之成为标题
并且会独立成行-->
<h1 id="sd">1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<h7>7级标题</h7>
<h8>8级标题</h8>
<h100>100级标题</h100>
<hr>
<!--p标签是段落标签,每一个自然段,用p标签包裹,
这是我们非常常用的标签-->
<!--p标签只能成段,独立换行,不能保留内部格式-->
<p>这是段落1</p>
<p>这是段落2</p>
<p>
    这是段落3,段落3很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长</p>
<hr>

<h1>静夜思</h1>
<p>床前明月光,</p>
<p>疑是地上霜,</p>
<p>举头望明月,</p>
<p>低头思故乡.</p>
<hr>
<!--pre标签作用和p标签类似,只不过可以保留内部的格式-->
<h1>咏鹅</h1>
<pre>鹅 鹅 鹅,</pre>
<pre>   曲项向天歌,</pre>
<pre>       白毛浮绿水,</pre>
<pre>           红掌拨清波.</pre>
<hr>
<h1>悯农</h1>
<!--我们可以使用font标签包裹若干文字,那么被包裹的文字,就
有了设置字体样式的能力,
字体颜色:使用color属性,html内置了一些颜色信息
如red,yellow,....可以直接使用这个颜色名
如果内置的这些颜色,都不能满足我们,那么我们可以使用
6位16进制的数字,来表示一个颜色
#是必写的,
如果rgb三种颜色的分量的2个数位,数字是一样的
刑如#FF6677,#AA8822这样的
也可以用3位表示,即#F67,#A82-->
<p><font size="30">锄</font>禾<font color="red">日</font>当午,</p>
<!--font标签已被废弃-->
<p><font color="#ff8888">汗滴</font>禾下土,</p>
<p>谁知盘中餐,</p>
<p>粒粒皆辛苦.</p>

<hr>
<!--使用font设置字体大小,只有档位,没有具体的大小
范围1-7超出的范围按照边界条件
即8以上就按照7的大小,并且数字越大,字号越大-->
<p><font size="0">0</font></p>
<p><font size="1">1</font></p>
<p><font size="2">2</font></p>
<p><font size="3">3</font></p>
<p><font size="4">4</font></p>
<p><font size="5">5</font></p>
<p><font size="6">6</font></p>
<p><font size="7">7</font></p>
<p><font size="8">8</font></p>
<!--可以使用face属性来设置字体,但是具体显示的是什么字体,
跟浏览器,跟操作系统都没有关系,
所以在网页中,很少会去改字体,而之后我们会学习通过字体文件
来显示图片-->
<p><font face="华文楷体">这是一行字</font></p>
<p>这是一行字</p>
<p><font face="隶书">这是一行字</font></p>

<hr>
<!--<strong>:标签可以用来加粗
<em>:斜体,也可以使用<i>
<del>:删除线,也可以使用<s>
<ins>:下划线,也可以使用<u>
-->
<!--<i>:设计这个标签的时候，是把它当做斜体来设计的
但是随着使用的关系，他被当做了图标标签，专门用来显示一个图标（通过加载
字体文件的方式）被一厢情愿的认为是icon的简写
-->
<p>
    我奥<strong>朵而嗲阿达</strong>我奥朵<em>而嗲阿达多</em>啊躲我啊,我啊我啊啊我嗲啊我奥朵啊啊哦我我啊的阿瓦多
    阿
    <del>瓦多阿味</del>
    道就
    <ins>拉倒就拉</ins>
    完狂老玩,两局开阿瓦多看了
    啊我jaw带卡玩到开啊外,卡单阿老蛋外界瓦加,接啊老就带啊就俩看阿里接啊老
    啊我到家啦完蛋啊老王开老大看呆看老阿,基老wkljallk.
</p>

<hr>
<!--图片标签
src属性,指向的是图片的路径
如果直接以英文字母开头(MAC/LINIX)
那么表示的是相对路径,是相对于当前的这个HTML页面
在相对路径中..表示上一级文件夹
           .表示当前文件夹
路径也可以使用绝对路径,但是不要使用,
即在src这放入你图片文件的绝对路径-->
<!--图片宽:width
高:height
改图片的尺寸只是修改图片的显示尺寸,不会影响真实图片的大小
并且不能保证图片的比例
如果想要保证图片比例,只需要指定宽/高中的一个,另一个不要写
那么浏览器就会按照指定的大小,显示图片的宽/高,没指定的就会
按比例缩放
-->
<!--title标题,鼠标放在图片上时,显示的文字-->
<!--alt,当图片有错误,无法显示的时候,提示信息-->
<img src="1111.jpg" width="100" height="100" title="魔兽世界">
<br>
<img src="2222.jpg" width="100" height="100" alt="魔兽争霸">
<hr>
<!--音乐播放-->
<!--使用src属性,指定音乐的位置
hidden属性指定是否显示音乐播放的控件
-->
<!--
<embed src="我乐意.mp3" hidden="true"></embed>
-->

<hr>
<!--列表-->
<!--有序列表-->
<ol start="5">
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
</ol>
<!--无序列表-->
<ul type="square">
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>

</ul>
<br>
<ul type="circle">
    <li>aaa</li>
    <li>bbb</li>
    <li>ccc</li>
</ul>
<br>
<hr>
<!--超链接
a标签表示超链接,可以点击去往不同的网页
href是必填属性,表示要连接到的地址
文字需要放在a标签的内部

a标签的target默认属性是_self:表示在当前页面打开
可以换成_blank,表示再打开一个新的标签页
还有2个属性,今晚查一下,名字提问
_parent:就是打开的页面只是在父页面中打开
_top:就是打开的页面占据了整个页面

-->
<a target="_blank" href="https://www.baidu.com" title="鼠标的提示">点击查看</a>
<!--跳转到自己的html页面,使用的是相对路径-->
<a target="_blank" href="2_HIHTML.html">自己的页面</a>
<!--回到 锚点-->
<a href="#sd">回到h1位置</a>
<br>
<br>
</body>
</html>